<template>
	<view>
		<view style="background-color: #F8FBFB;padding-left: 40rpx;color: #00BAAD;padding-top: 20rpx;padding-bottom: 20rpx;">
			共{{number}}份影像检查
		</view>
		<view class="list pl25 pr25 box c000">
			<view v-for="item in medicalImageList" class="pl20 pr20 bb box flex flex-ac" style="height: 200rpx;" @click="tojianyanxq(item)">
				<view class="it1 flex flex-ac" style="flex-direction: column;align-items: flex-start;">
					<view style="margin-top: 20rpx;"><text style="font-weight: bold;">{{item.examClass}}</text></view>
					<view v-if="item.doctorName==undefined" style="margin-top: 20rpx;"><text style="color: #B0B0B0;">送检医生：无</text></view>
					<view v-if="item.doctorName!=undefined" style="margin-top: 20rpx;"><text style="color: #B0B0B0;">送检医生：{{item.doctorName}}</text></view>
					<view style="margin-top: 20rpx;"><text style="color: #B0B0B0;">报告时间：{{item.examDate}}</text></view>
				</view>
				<view class="flex flex-ac">
					<image class="arrow" src="http://tuozhen1.oss-cn-beijing.aliyuncs.com/ueditor/upload/weixin/images/arrow.png"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wx: "https://app.mzmzb.com",
				personalFileId:null,
				medicalImageList:[],
				number:0
			};
		},
		onLoad(option) {
			this.personalFileId = option.personalFileId;
			this.getMedicalImageList();
		},
		onShow() {
			
		},
		methods: {
			getMedicalImageList() {
				let openid=uni.getStorageSync('openId')
				let usrUserId=uni.getStorageSync('usrUserId')
				var that = this;
				that.func.$request('getMedicalImageList.tz',{usrPersonId: this.personalFileId},'GET').then(res=>{
					if (res.data.success) {
						console.log(res)
						that.medicalImageList = JSON.parse(JSON.stringify(res.data.result.list));
						that.number=res.data.result.number
					} else {
						uni.showToast({
							title: '查询失败'
						})
					}
				})
			},
			
			tojianyanxq(item){
				uni.navigateTo({
					url: '/pages2/yxppxq/index?id='+item.id+'&type='+item.type+'&imgUrl='+item.imgUrl
				});
			}
		}
	};
</script>

<style lang="less">
	button::after{
		border:none;
	}
	.contact-btn {
	  display: inline-block;
	  position: absolute;
	  width: 100%;
	  background: salmon;
	    opacity: 0;
	}
	.ft10{
		font-size: 20rpx;
	}
	.c083fdc{
		color: #083fdc;
	}
	.user{
		width: 100%;
		height: 480rpx;
		background: #74a6fd;
		border-radius: 0 0 15rpx 5rpx;
		box-shadow: 10rpx 10rpx 10rpx 0 rgba(173,173,173,0.37);
		padding-top: 75rpx;
		.set{
			width: 42rpx;
			height: 42rpx;
			position: absolute;
			top: 35rpx;
			right: 30rpx;
			z-index: 10;
		}
		.head{
			width: 145rpx;
			height: 145rpx;
			border-radius: 50%;
			margin: 0 auto;
			display: block;
		}
		.type{
			padding:50rpx;
		}
	}
	.list{
		>view{
			height: 110rpx;
		}
		.typeimg{
			width: 30rpx;
			height: 30rpx;
		}
	}
</style>
